* {margin: 0; padding: 0; outline: 0;}

html, body {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	font:Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
}

.clear{
	clear:both
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}


#status {
	width:32px;
	height:32px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image: url(Immagini/colorbox/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-16px 0 0 -16px; /* is width and height divided by two */
}

p{
	margin-bottom: 14px;
}

img {
	border: 0;
}

h1{
	font-size: 16px;
	color: #11568C;
	font-weight: lighter;
	margin-bottom: 10px;
	text-transform:uppercase;
}

h2{
	color: #11568C;
	font-weight: lighter;
	font-size: 16px
}

.header{
	width: 100%;
	height: 160px;
	background: url(Immagini/Header/header-back_01.png) repeat-x;
}

.header_box{
	width: 960px;
	margin: 0px auto;
}

#offerte{
	width: 920px;
	padding: 20px 20px;
	background:#D4DCE8;
	margin: 10px auto 50px auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	line-height: 1.4;
}

#offerte a:link{
	color: #666666;
	text-decoration: none;
}

#offerte a:visited{
	color: #666666;
}

#offerte a:hover{
	color: #11568C;
	text-decoration: none;
}

#dettagli_offerte{
	font-size: 10px;
}
.foto{
	width: 100%;
	height: 65%;
	 background: url(Fotografie%20Hotel%20Nella/intro.jpg) no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.foto_camere{
	width: 100%;
	height: 65%;
	 background: url(Fotografie%20Hotel%20Nella/camere.jpg) no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.foto_mappa{
	width: 100%;
	height: 65%;
}


.foto_gallery{
	width: 100%;
	height: 65%;
	background: url(Fotografie%20Hotel%20Nella/photo.jpg) no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.foto_dintorni{
	width: 100%;
	height: 65%;
	background: url(Fotografie%20Hotel%20Nella/golfo-dei-poeti.jpg) no-repeat center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.box{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	border-top: #11568C 4px solid;
	margin-top: 23px;
}

.box_richiesta{
	width: 960px;
	height: 30px;
	background:#FFFFFF;
	margin: 0px auto;
	border-bottom: #11568C 2px solid;
	padding-top: 20px;
	padding-bottom: 10px;
}

.contenuti{
	margin: 50px auto;
	width: 960px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	line-height: 1.4;
}

.contenuti a:link{
	color:#666666;
	text-decoration: none;
}

.contenuti a:visited{
	color:#666666;
	text-decoration: none;
}

.contenuti a:hover{
	color: #11568C;
	text-decoration: none;
}

.contenuti a:active{
	color:#666666;
	text-decoration: none;
}

.box_sx{
	width: 575px;
	padding-right: 45px;
	float:left;
	line-height: 1.3;
	border-right: 1px solid #D4DCE8;
}

.box_dx{
	width: 294px;
	float:left;
	line-height: 1.3;
	margin-left: 45px;
}

.tasto_mappa{
	width: 123px;
	height: 25px;
	border:#CCC 1px solid;
	font-size: 11px;
	line-height: 25px;
	float:left;
}

.tasto_mappa a:link{
	color: #666;
	text-decoration: none;
}

.tasto_mappa a:visited{
	color: #666;
	text-decoration: none;
}

.tasto_mappa a:hover{
	color: #11568C;
	text-decoration: none;
}

.tasto_mappa a:active{
	color: #666;
	text-decoration: none;
}


.collegamento_foto{
	width: 960px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #11568C;
	margin-top: 18px;
}

.collegamento_foto a:link{
	color: #11568C;
	text-decoration: none;
}

.collegamento_foto a:visited{
	color: #11568C;
	text-decoration: none;
}

.collegamento_foto a:hover{
	color: #D4DCE8;
	text-decoration: none;
}

.collegamento_foto a:active{
	color: #11568C;
	text-decoration: none;
}

.servizi{
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}

.servizi2{
	height: 25px;
	line-height: 25px;
	margin-bottom: 10px;
}

.fondo{
	margin: 20px 1%;
	width: 98%;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 1.3;
}

.fondo a:link{
	color: #666;
	text-decoration:none;
}
.fondo a:visited{
	color: #666;
	text-decoration:none;
}

.fondo a:hover{
	color: #11568C;
	text-decoration:none;
}

.fondo a:active{
	color: #666;
	text-decoration:none;
}

.links_utili{
	line-height: 1.4;
	color: #666;
}

.link_singolo{
	background:url(Immagini/square.png) left no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 14px;
}

/* POPUP CAMERE */
div#tipDiv {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#666; 
	background-color:#D4DCE8 ; 
    border:1px solid #11568C; 
    padding:10px;
    width:200px;
	line-height: 1.4;
}

div#tipDiv a:link {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#11568C;
	text-decoration:none;
}

div#tipDiv a:visited {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#11568C;
	text-decoration:none;
}

div#tipDiv a:hover {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#11568C;
	text-decoration:none;
}

div#tipDiv a:active {
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#11568C;
	text-decoration:none;
}

div#tipDiv div.caption {
    font-size:14px; 
    font-weight:bold; 
	text-align:center;
    margin-bottom:3px;
    }

div#tipDiv td { 
    vertical-align:top; 
    font-size:14px;
    padding:0; 
    }

div#tipDiv td div.txt { 
    text-align:left; 
    padding-right:20px; 
}

div#tipDiv div.topBar {
    min-height:14px;
    text-align:center;  
    }
    
div#tipDiv span.caption {
    color: #11568C;
}

.blink {
    animation-duration: 0.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* BOOKING */
#booking{
	width: 960px;
	height: 30px;
	text-align: left;
	color: #666;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#booking form div.formEl a.formLink {
	text-decoration: none;
	cursor: pointer;
	line-height: 23px;
}
#booking form div.formEl a.formLink img {
	float: left;
	padding-top: 4px;
	margin-right: 5px;
	cursor: pointer;
}
#booking form div.formEl {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}
div.formEl.lastEl {
	margin-left: 5px;
	font-size: 11px;
	line-height: 30px;
}
#booking form {
	margin-left: 15px;
	line-height: 30px;
}
#arrivo {
	padding-bottom: 5px;
	padding-right: 15px;
	background: white url(Booking/images/icon_calendar.png) no-repeat right;
	padding-left: 5px;
}
#partenza {
	padding-bottom: 5px;
	background: white url(Booking/images/icon_calendar.png) no-repeat right;
	padding-right: 15px;
	padding-left: 5px;
}
input, select, textarea {
background: white;
border: none;
}
input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
outline-offset: -2px;
}
.selezione {
font-family: sans-serif;
font-size: 13px;
color: #333;
width: 60px;
}
/*-------------------------*/

.scheda_camera{
	margin-bottom: 50px;
	height: 200px;
	font-size: 14px;
	line-height: 1.5;
	background: #D4DCE8;
	padding: 20px
}

.scheda_camera h1{
	margin-bottom: 10px
}

.scheda_camera img{
	margin-right: 50px;
	float: left
}

.scheda_camera_descrizione{
	width: 670px;
	float: left
}

.scheda_camera_top{
	height: 160px;
}

.scheda_camera_bottom{
	height: 40px;
	font-size: 12px;
	line-height: 1.5
}

.scheda_camera_bottom a:link{
	color: #11568c;
}

.scheda_camera_bottom a:visited{
	color: #11568c;
}

.scheda_camera_bottom a:hover{
	color: #666666;
}

.gallery_singola{
	width: 200px;
	height: 200px;
	float: left;
	margin: 0px 20px 40px 20px;
}